<template>
	<view class="center mar-15">
		<view class="record-btn">
			<view class="left btn" @click="$emit('cancel')" v-if="btnL!=''">{{btnL}}</view>
			<view class="right btn" @click="$emit('click')" v-if="btnR!=''">{{btnR}}</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			btnL: {
				type: String,
				default: ""
			},
			btnR: {
				type: String,
				default: ""
			}
		},
		data() {
			return {

			}
		},
		methods: {}
	}
</script>

<style scoped>
	.record-btn {
		display: flex;
		justify-content: space-around;
		align-items: center;
		width: 100%;

		border-radius: 166px 166px 166px 166px;

		.btn {
			font-family: AlibabaPuHuiTi, AlibabaPuHuiTi;
			font-weight: 400;
			font-size: 16px;
			text-align: center;
			font-style: normal;
			text-transform: none;
			padding: 5px 25px;
			border-radius: 16rpx;
		}

		.left {
			border: 1px solid #E7E7E7;
			color: #626262;
		}

		.right {
			background: linear-gradient(139deg, #76E1E7 0%, #40CFE6 100%);
			color: #FFFFFF;

		}

	}
</style>